<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="./font/iconfont.css">
		<script src="font/iconfont.js"></script>
		<link rel="stylesheet" type="text/css" href="css/remen1.css" />
		<script src="js/up-and-down.js"></script>
		<title></title>
	</head>
	<body>
		<!-- 搜索 -->
		<div id="head">
			<div class="search-wrap">

				<div class="search-touxiang">
					<a href="my1.html">
						<span class="iconfont icon-morentouxiang"></span>
					</a>
				</div>
				<!-- 中间块写标准流就行，不设置宽度 -->

				<div class="search">
					<div class="sousuo-box">
						<form action="">
							<span class="iconfont icon-sousuo"></span>
							<input type="search" value="龙的传人2.0" placeholder="" id="search" name="search">
						</form>
					</div>
				</div>
				<div class="search-right">
					<a href="#">
						<span class="iconfont icon-youxiyouxiji"></span>
						<span class="iconfont icon-xiaoxizhongxin"></span>
					</a>
				</div>

			</div>
		</div>
		<!-- 文字栏 -->
		<div id="fixed">
			<div id="word">
				<ul class="nav">
					<li class="nav-item">
						<a class="nav-link" href="zhibo.html">直播</a>
					</li>

					<li class="nav-item">
						<a class="nav-link" href="shouye.html">推荐</a>
					</li>

					<li class="nav-item active">
						<a class="nav-link" href="remen.html">热门</a>
					</li>

					<li class="nav-item">
						<a class="nav-link" href="donghuaend.html">动画</a>
					</li>


					<li class="nav-item">
						<a class="nav-link" href="yingshi.html">影视</a>
					</li>


					<li class="nav-item">
						<a class="nav-link" href="jdbn.html">建党百年</a>
					</li>


				</ul>
			</div>

		</div>

		<!-- 内容 1-->

		<div class="context-one">
			<div class="view">
				<ul class="xuanfu">
					<li>
						<a href="#">
							<span class="iconfont icon-paihangbang_paiming"></span>
							<p>排行榜</p>
						</a>
					</li>

					<li>
						<a href="#">
							<span class="iconfont icon-rili1"></span>
							<p>每周必看</p>
						</a>
					</li>

					<li>
						<a href="#">
							<span class="iconfont icon-jiangpai1"></span>
							<p>入站必刷</p>
						</a>
					</li>

					<li>
						<a href="#">
							<span class="iconfont icon-bilibili-line"></span>
							<p>必剪热榜</p>
						</a>
					</li>
					</u>

			</div>


		</div>

		<!-- 内容 2 -->
		<div class="context-ttwo">
			<a href="">
				<ul class="all">
					<div class="l">
						<img src="./image/view1.jpg" alt="">
					</div>
					<div class="r">
						<li>
							<p>价差11倍，居然没差别？！几分钟教会你挑手机壳</p>
						</li>

						<li>
							<div class="bof">
								<p>百万播放</p>
							</div>
						</li>


						<li>
							<div class="author">
								<span class="iconfont icon-UPzhu"></span>

								<p>大狸子切切里</p>
							</div>
						</li>


						<li>
							<div class="bottom">
								<div class="left"></div>
								<span class="iconfont icon-bofangshipin"></span>
								<p>26.0万</p>

								<p>·</p>
								<p>2021-12-01</p>
								<span class="iconfont icon-diandiandianshu"></span>

							</div>
						</li>
					</div>
				</ul>
			</a>

			<a href="">
				<ul class="all">
					<div class="l">
						<img src="./image/view1.jpg" alt="">
					</div>
					<div class="r">
						<li>
							<p>价差11倍，居然没差别？！几分钟教会你挑手机壳</p>
						</li>
			
						<li>
							<div class="bof">
								<p>百万播放</p>
							</div>
						</li>
			
			
						<li>
							<div class="author">
								<span class="iconfont icon-UPzhu"></span>
			
								<p>大狸子切切里</p>
							</div>
						</li>
			
			
						<li>
							<div class="bottom">
								<div class="left"></div>
								<span class="iconfont icon-bofangshipin"></span>
								<p>26.0万</p>
			
								<p>·</p>
								<p>2021-12-01</p>
								<span class="iconfont icon-diandiandianshu"></span>
			
							</div>
						</li>
					</div>
				</ul>
			</a>

			<ul class="all">
				<div class="l">
					<img src="./image/view1.jpg" alt="">
				</div>
				<div class="r">
					<li>
						<p>价差11倍，居然没差别？！几分钟教会你挑手机壳</p>
					</li>

					<li>
						<div class="bof">
							<p>百万播放</p>
						</div>
					</li>


					<li>
						<div class="author">
							<span class="iconfont icon-UPzhu"></span>

							<p>大狸子切切里</p>
						</div>
					</li>


					<li>
						<div class="bottom">
							<div class="left"></div>
							<span class="iconfont icon-bofangshipin"></span>
							<p>26.0万</p>

							<p>·</p>
							<p>2021-12-01</p>
							<span class="iconfont icon-diandiandianshu"></span>

						</div>
					</li>
				</div>
			</ul>


			<ul class="all">
				<div class="l">
					<img src="./image/view1.jpg" alt="">
				</div>
				<div class="r">
					<li>
						<p>价差11倍，居然没差别？！几分钟教会你挑手机壳</p>
					</li>

					<li>
						<div class="bof">
							<p>百万播放</p>
						</div>
					</li>


					<li>
						<div class="author">
							<span class="iconfont icon-UPzhu"></span>

							<p>大狸子切切里</p>
						</div>
					</li>


					<li>
						<div class="bottom">
							<div class="left"></div>
							<span class="iconfont icon-bofangshipin"></span>
							<p>26.0万</p>

							<p>·</p>
							<p>2021-12-01</p>
							<span class="iconfont icon-diandiandianshu"></span>

						</div>
					</li>
				</div>
			</ul>


			<ul class="all">
				<div class="l">
					<img src="./image/view1.jpg" alt="">
				</div>
				<div class="r">
					<li>
						<p>价差11倍，居然没差别？！几分钟教会你挑手机壳</p>
					</li>

					<li>
						<div class="bof">
							<p>百万播放</p>
						</div>
					</li>


					<li>
						<div class="author">
							<span class="iconfont icon-UPzhu"></span>

							<p>大狸子切切里</p>
						</div>
					</li>


					<li>
						<div class="bottom">
							<div class="left"></div>
							<span class="iconfont icon-bofangshipin"></span>
							<p>26.0万</p>

							<p>·</p>
							<p>2021-12-01</p>
							<span class="iconfont icon-diandiandianshu"></span>

						</div>
					</li>
				</div>
			</ul>

			<ul class="all">
				<div class="l">
					<img src="./image/view1.jpg" alt="">
				</div>
				<div class="r">
					<li>
						<p>价差11倍，居然没差别？！几分钟教会你挑手机壳</p>
					</li>

					<li>
						<div class="bof">
							<p>百万播放</p>
						</div>
					</li>


					<li>
						<div class="author">
							<span class="iconfont icon-UPzhu"></span>

							<p>大狸子切切里</p>
						</div>
					</li>


					<li>
						<div class="bottom">
							<div class="left"></div>
							<span class="iconfont icon-bofangshipin"></span>
							<p>26.0万</p>

							<p>·</p>
							<p>2021-12-01</p>
							<span class="iconfont icon-diandiandianshu"></span>

						</div>
					</li>
				</div>
			</ul>


			<ul class="all">
				<div class="l">
					<img src="./image/view1.jpg" alt="">
				</div>
				<div class="r">
					<li>
						<p>价差11倍，居然没差别？！几分钟教会你挑手机壳</p>
					</li>

					<li>
						<div class="bof">
							<p>百万播放</p>
						</div>
					</li>


					<li>
						<div class="author">
							<span class="iconfont icon-UPzhu"></span>

							<p>大狸子切切里</p>
						</div>
					</li>


					<li>
						<div class="bottom">
							<div class="left"></div>
							<span class="iconfont icon-bofangshipin"></span>
							<p>26.0万</p>

							<p>·</p>
							<p>2021-12-01</p>
							<span class="iconfont icon-diandiandianshu"></span>

						</div>
					</li>
				</div>
			</ul>


			<ul class="all">
				<div class="l">
					<img src="./image/view1.jpg" alt="">
				</div>
				<div class="r">
					<li>
						<p>价差11倍，居然没差别？！几分钟教会你挑手机壳</p>
					</li>

					<li>
						<div class="bof">
							<p>百万播放</p>
						</div>
					</li>


					<li>
						<div class="author">
							<span class="iconfont icon-UPzhu"></span>

							<p>大狸子切切里</p>
						</div>
					</li>


					<li>
						<div class="bottom">
							<div class="left"></div>
							<span class="iconfont icon-bofangshipin"></span>
							<p>26.0万</p>

							<p>·</p>
							<p>2021-12-01</p>
							<span class="iconfont icon-diandiandianshu"></span>

						</div>
					</li>
				</div>
			</ul>

			<ul class="all">
				<div class="l">
					<img src="./image/view1.jpg" alt="">
				</div>
				<div class="r">
					<li>
						<p>价差11倍，居然没差别？！几分钟教会你挑手机壳</p>
					</li>

					<li>
						<div class="bof">
							<p>百万播放</p>
						</div>
					</li>


					<li>
						<div class="author">
							<span class="iconfont icon-UPzhu"></span>

							<p>大狸子切切里</p>
						</div>
					</li>


					<li>
						<div class="bottom">
							<div class="left"></div>
							<span class="iconfont icon-bofangshipin"></span>
							<p>26.0万</p>

							<p>·</p>
							<p>2021-12-01</p>
							<span class="iconfont icon-diandiandianshu"></span>

						</div>
					</li>
				</div>
			</ul>

			<ul class="all">
				<div class="l">
					<img src="./image/view1.jpg" alt="">
				</div>
				<div class="r">
					<li>
						<p>价差11倍，居然没差别？！几分钟教会你挑手机壳</p>
					</li>

					<li>
						<div class="bof">
							<p>百万播放</p>
						</div>
					</li>


					<li>
						<div class="author">
							<span class="iconfont icon-UPzhu"></span>

							<p>大狸子切切里</p>
						</div>
					</li>


					<li>
						<div class="bottom">
							<div class="left"></div>
							<span class="iconfont icon-bofangshipin"></span>
							<p>26.0万</p>

							<p>·</p>
							<p>2021-12-01</p>
							<span class="iconfont icon-diandiandianshu"></span>

						</div>
					</li>
				</div>
			</ul>
		</div>


		<!-- 底部 -->
		<div class="footer">
			<ul id="bnav">
				<li class="footer-nav active">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-shouye2"></use>
					</svg>
					<p><a href="my1.html" class="active">首页</a></p>
				</li>

				<li class="footer-nav">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-fengche"></use>
					</svg>
					<p><a href="#">动态</a></p>
				</li>

				<li class="footer-nav">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-fabu1"></use>
					</svg>
					<p><a href="#"></a></p>
				</li>

				<li class="footer-nav">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-iconset0317"></use>
					</svg>
					<p><a href="#">会员购</a></p>
				</li>


				<li class="footer-nav ">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-bilibili-line"></use>
					</svg>
					<p><a href="my1.html">我的</a></p>
				</li>
			</ul>

		</div>

	</body>
</html>
